<div data-lift="surround?with=me;at=main">
  <title data-lift="head">个人资料 - yangbajing.me</title>

  <div class="container">
    <div class="row">
      <div class="col-sm-3 col-md-3 col-lg-3">
        <div data-lift="SessionSnippet.userInfo"></div>
        <div data-lift="embed?what=/h/user/_manage_panel"></div>
      </div>
      <div class="col-sm-9 col-md-9 col-lg-9">
        <div class="panel panel-default" data-lift="UserSnippet.detail">
          <div class="panel-heading">
            <strong class="panel-title">账户中心</strong>
          </div>
          <div class="panel-body">
            <form class="form-horizontal" data-lift="form.ajax?class=form-horizontal">
              <div class="form-group" id="control-user-id">
                <label class="col-md-2 col-lg-2 control-label">账号</label>

                <div class="col-md-10 col-lg-10">
                  <input type="text" class="form-control" disabled="disabled"/>
                  <span class="help-block"></span>
                </div>
              </div>
              <div class="form-group" id="control-user-email">
                <label class="col-md-2 col-lg-2 control-label">邮箱</label>

                <div class="col-md-10 col-lg-10">
                  <input type="text" class="form-control" disabled="disabled"/>
                  <span class="help-block"></span>
                </div>
              </div>
              <div class="form-group" id="control-user-nick">
                <label class="col-md-2 col-lg-2 control-label">昵称</label>

                <div class="col-md-10 col-lg-10">
                  <input type="text" class="form-control" name="nick"/>
                  <span class="help-block"></span>
                </div>
              </div>
              <div class="form-group" id="control-user-signature">
                <label class="col-md-2 col-lg-2 control-label">签名</label>

                <div class="col-md-10 col-lg-10">
                  <textarea class="form-control" name="signature" rows="5"></textarea>
                  <span class="help-block"></span>
                </div>
              </div>
              <div class="form-group" id="control-user-contact">
                <label class="col-md-2 col-lg-2 control-label">联系方式</label>

                <div class="col-md-10 col-lg-10">
                  <ul class="nav nav-tabs" id="doc-tab">
                    <li class="active">
                      <a href="#user-contact-editor" data-toggle="tab">编辑</a>
                    </li>
                    <li>
                      <a href="#user-contact-preview" data-toggle="tab">预览</a>
                    </li>
                  </ul>
                  <div class="space-5"></div>
                  <div class="tab-content">
                    <div class="tab-pane active" id="user-contact-editor">
                      <textarea class="form-control doc-editor" rows="10" name="contact"
                                placeholder="在此输入联系方式（支持Markdown）"></textarea>
                    </div>
                    <div class="tab-pane" id="user-contact-preview">
                      <div class="doc-preview" style="min-height:64px;"></div>
                    </div>
                  </div>
                  <span class="help-block"></span>
                </div>
              </div>
              <div class="form-group" id="control-user-submit">
                <div class="col-md-2 col-lg-2"></div>
                <div class="col-md-10 col-lg-10">
                  <button type="reset" class="btn btn-default">取消</button>
                  <button type="submit" class="btn btn-primary">保存修改</button>
                  <input type="hidden" name="submit"/>
                  <span class="help-block"></span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script data-lift="tail" src="/assets/js/me.user.detail.js"></script>
</div>
